<template>
	<view class="content" >
		
		<image
				src="/static/bj.jpg"
				 style="width: 100%;height: 100%;"></image>
		<view class="qrcode">
			<img :src="img" alt="">
		</view>

	</view>
</template>

<script>
	var _self,
		api = require('@/common/api.js')
	// const qrCode = require('@/common/weapp-qrcode.js')
	export default {
		data() {
			return {
				img:''
			}
		},
		onLoad() {
			api.get({
				url:"order/qrcode",
				success: res => {
					this.img = res.data
				}
			});	
		},
		methods: {
			
		}
	}
</script>

<style>
	page{}
	.qrcode {
		padding: 50upx 0 20upx 0;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;top: 10%;
		width: 100%;
	}
	.qrcode img{    width: 400rpx;
    height: 400rpx;
    margin-top: 240rpx;z-index: 1;}
	.title {
		text-align: center;
		padding-top: 200rpx;
		color: #fff;
	}
	.content{ 

    height: 100vh;width: 100%;position: relative;}
</style>
